.container {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}

.headerContainer {
  height: 40px;
  background-color: darkorange;
  display: flex;
  align-items: center;
  justify-content: space-between;

  .headerLeftContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerRightContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .logo {
    height: 30px;
    margin-right: 20px;
    object-fit: contain;
  }


  .statusLabel {
    height: 25px;
    margin-right: 20px;
    object-fit: contain;
  }

  .timerIcon {
    height: 20px;
    margin-right: 20px;
    object-fit: contain;
    /* 保持图片比例 */
  }

  .admin-dropdown {
    margin-left: auto;
    /* 将管理员下拉菜单放到右侧 */
  }


}

.homePageContainer {
  flex: 1;
  display: flex;
  flex-direction: row;
}

.leftContainer {
  flex: 1;

  .menu {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: medium;
  }
}

.rightContainer {
  height: 100%;
  flex: 7;
  display: flex;
  flex-direction: column;


}

.outlet {
  max-height: 100%;
  max-width: 100%;
}